import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
// console.log(process.env.VUE_APP_BASE_API)
const service = axios.create({
  // 从环境变量中取值
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url

  timeout: 5000 // request timeout
})

// 请求拦截器 加token
service.interceptors.request.use(
  config => {
    const _token = store.getters.token
    if (_token) {
      // 有token 请求携带token进去发请求
      config.headers.Authorization = `Bearer ${_token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器 每次请求响应提示信息 返回数据本身 去掉多余的data 页面中不需要处理异常 数据直接获取到 简单快捷
service.interceptors.response.use(
  response => {
    // console.log(response)
    const { message, data, success } = response.data
    if (success == false) {
      // 接口调用失败
      Message.error(message)
      // 给程序员看的 阻断后续代码的执行
      return Promise.reject(new Error(message))
    } else {
      //正常返回数据
      // /  Message.success(message)
      return data
    }
  },
  // 失败 404请求服务器不存在  跨域错误等 没必要给用户看
  error => {
    return Promise.reject(error)
  }
)

export default service
